<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/site/templates/template1.xhtml">
	<ui:define name="titulo">
		<title>..:: EMPLEADOS ::..</title>
	</ui:define>
	<ui:define name="lateral">
		<div id="submenuLateral">
			<h:form id="formulariomenuLateral">
				<p:growl id="mensaje" showDetail="true" life="001" sticky="true"></p:growl>
				<br></br>
				<p:separator styleClass="separatorMenuL" />
				<p:commandButton value="Crear" type="submit"
					onclick="PF('dl1').show();" icon="ui-icon-document"
					styleClass="botonMenuL">
					<p:ajax update=":formulariomenuLateral:panelMenuLateral"
						resetValues="true" />
				</p:commandButton>
				<p:dialog header="Crear Empleado" widgetVar="dl1" minHeight="80"
					height="300" width="800">
					<p:panelGrid id="panelMenuLateral" columns="4" scrollable="true"
						style="width: 700px; font-size: 11px;">

						<h:outputLabel for="inCodigoEmpleado" value="Codigo Empleado"></h:outputLabel>
						<p:inputText id="inCodigoEmpleado"
							value="#{empleadoBean.empleadoDTO.inCodigoEmpleado}" size="5"></p:inputText>

						<h:outputLabel for="nvIdentificacionEmpleado" value="Cedula"></h:outputLabel>
						<p:inputText id="nvIdentificacionEmpleado"
							value="#{empleadoBean.empleadoDTO.nvIdentificacionEmpleado}"
							size="5"></p:inputText>

						<h:outputLabel for="nvPrimerNombreEmpleado" value="P. Nombre"></h:outputLabel>
						<p:inputText id="nvPrimerNombreEmpleado"
							value="#{empleadoBean.empleadoDTO.nvPrimerNombreEmpleado}"
							size="5"></p:inputText>

						<h:outputLabel for="nvSegundoNombreEmpleado" value="S. Nombre"></h:outputLabel>
						<p:inputText id="nvSegundoNombreEmpleado"
							value="#{empleadoBean.empleadoDTO.nvSegundoNombreEmpleado}"
							size="5"></p:inputText>

						<h:outputLabel for="nvPrimerApellidoEmpleado" value="P. Apellido"></h:outputLabel>
						<p:inputText id="nvPrimerApellidoEmpleado"
							value="#{empleadoBean.empleadoDTO.nvPrimerApellidoEmpleado}"
							size="5"></p:inputText>

						<h:outputLabel for="nvSegundoApellidoEmpleado" value="S. Apellido"></h:outputLabel>
						<p:inputText id="nvSegundoApellidoEmpleado"
							value="#{empleadoBean.empleadoDTO.nvSegundoApellidoEmpleado}"
							size="5"></p:inputText>

						<h:outputLabel for="nvTelefonoEmpleado" value="Telefono"></h:outputLabel>
						<p:inputText id="nvTelefonoEmpleado"
							value="#{empleadoBean.empleadoDTO.nvTelefonoEmpleado}" size="5"></p:inputText>

						<h:outputLabel for="nvCelularEmpleado" value="Celular"></h:outputLabel>
						<p:inputText id="nvCelularEmpleado"
							value="#{empleadoBean.empleadoDTO.nvCelularEmpleado}" size="5"></p:inputText>

						<h:outputLabel for="nvCorreoEmpleado" value="Correo"></h:outputLabel>
						<p:inputText id="nvCorreoEmpleado"
							value="#{empleadoBean.empleadoDTO.nvCorreoEmpleado}" size="5"></p:inputText>

						<f:facet name="footer">
							<p:commandButton value="Crear"
								actionListener="#{empleadoBean.crear}"
								update=":formulariomenuLateral:mensaje,"></p:commandButton>
							<p:commandButton resetValues="true" value="Cerrar"
								onclick="PF('dl1').close();"></p:commandButton>
						</f:facet>
					</p:panelGrid>
				</p:dialog>
			</h:form>

		</div>
	</ui:define>
	<ui:define name="contenidoTabla">
		<div id="spacerTabla"></div>
		<div id="cuerpoTablaMedia">
			<h:form id="formularioTablaEmpleado">
				<p:panelGrid columns="8" style="width: 1200px; font-size: 9px;"
					columnClasses="centered">
					<f:facet name="header">
					  	Empleados
				 	</f:facet>
					<p:dataTable id="tablaEmpleado" var="e"
						value="#{empleadoBean.empleadoDTOlista}" selectionMode="single"
						selection="#{empleadoBean.empleadoDTO}"
						rowKey="#{e.inCodigoEmpleado}" scrollable="true" paginator="true"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rows="10" filteredValue="#{empleadoBean.empleadoFilter}">
						<p:ajax event="rowSelect"
							update=":formularioDetalleEmpleado:panelDetalleEmpleado"></p:ajax>

						<p:column resizable="true" sortBy="#{e.inCodigoEmpleado}"
							headerText="Codigo Empleado" filterBy="#{e.inCodigoEmpleado}"
							filteredValue="#{e.inCodigoEmpleado}" filterMatchMode="contains">
							<h:outputText value="#{e.inCodigoEmpleado}" />
						</p:column>


						<p:column resizable="true" sortBy="#{e.nvIdentificacionEmpleado}"
							headerText="Cedula" filterBy="#{e.nvIdentificacionEmpleado}"
							filteredValue="#{e.nvIdentificacionEmpleado}"
							filterMatchMode="contains">
							<h:outputText value="#{e.nvIdentificacionEmpleado}" />
						</p:column>


						<p:column resizable="true" sortBy="#{e.nvPrimerNombreEmpleado}"
							headerText="P. Nombre" filterBy="#{e.nvPrimerNombreEmpleado}"
							filteredValue="#{e.nvPrimerNombreEmpleado}" filterMatchMode="contains">
							<h:outputText value="#{e.nvPrimerNombreEmpleado}" />
						</p:column>

						<p:column resizable="true" sortBy="#{e.nvSegundoNombreEmpleado}"
							headerText="S. Nombre" filterBy="#{e.nvSegundoNombreEmpleado}"
							filteredValue="#{e.nvSegundoNombreEmpleado}" filterMatchMode="contains">
							<h:outputText value="#{e.nvSegundoNombreEmpleado}" />
						</p:column>

						<p:column resizable="true" sortBy="#{e.nvPrimerApellidoEmpleado}"
							headerText="P. Apellido" filterBy="#{e.nvPrimerApellidoEmpleado}"
							filteredValue="#{e.nvPrimerApellidoEmpleado}" filterMatchMode="contains">
							<h:outputText value="#{e.nvPrimerApellidoEmpleado}" />
						</p:column>
						
						<p:column resizable="true" sortBy="#{e.nvSegundoApellidoEmpleado}"
							headerText="S. Apellido" filterBy="#{e.nvSegundoApellidoEmpleado}"
							filteredValue="#{e.nvSegundoApellidoEmpleado}" filterMatchMode="contains">
							<h:outputText value="#{e.nvSegundoApellidoEmpleado}" />
						</p:column>

						<p:column resizable="true" sortBy="#{e.nvTelefonoEmpleado}"
							headerText="Telefono" filterBy="#{e.nvTelefonoEmpleado}"
							filteredValue="#{e.nvTelefonoEmpleado}" filterMatchMode="contains">
							<h:outputText value="#{e.nvTelefonoEmpleado}" />
						</p:column>

						<p:column resizable="true" sortBy="#{e.nvCelularEmpleado}"
							headerText="Celular" filterBy="#{e.nvCelularEmpleado}"
							filteredValue="#{e.nvCelularEmpleado}" filterMatchMode="contains">
							<h:outputText value="#{e.nvCelularEmpleado}" />
						</p:column>

						<p:column resizable="true" sortBy="#{e.nvCorreoEmpleado}"
							headerText="Correo" filterBy="#{e.nvCorreoEmpleado}"
							filteredValue="#{e.nvCorreoEmpleado}" filterMatchMode="contains">
							<h:outputText value="#{e.nvCorreoEmpleado}" />
						</p:column>



					</p:dataTable>
				</p:panelGrid>
			</h:form>
		</div>
	</ui:define>
	<ui:define name="contenidoDetalle">
		<div id="spacerDetalle"></div>
		<div id="cuerpoDetalleMedia">
			<h:form id="formularioDetalleEmpleado">
				<p:growl id="mensajeDetalle" showDetail="true" life="1"
					sticky="true"></p:growl>
				<p:panelGrid columns="8" id="panelDetalleEmpleado"
					style="width: 1000px; font-size: 9px;">
					<f:facet name="header">
						Detalle del Empleado
					</f:facet>


					<h:outputLabel for="inCodigoEmpleado" value="Codigo Empleado"></h:outputLabel>
					<p:inputText id="inCodigoEmpleado"
						value="#{empleadoBean.empleadoDTO.inCodigoEmpleado}" size="5"></p:inputText>

					<h:outputLabel for="nvIdentificacionEmpleado" value="Cedula"></h:outputLabel>
					<p:inputText id="nvIdentificacionEmpleado"
						value="#{empleadoBean.empleadoDTO.nvIdentificacionEmpleado}"
						size="5"></p:inputText>

					<h:outputLabel for="nvPrimerNombreEmpleado" value="P. Nombre"></h:outputLabel>
					<p:inputText id="nvPrimerNombreEmpleado"
						value="#{empleadoBean.empleadoDTO.nvPrimerNombreEmpleado}"
						size="5"></p:inputText>

					<h:outputLabel for="nvSegundoNombreEmpleado" value="S. Nombre"></h:outputLabel>
					<p:inputText id="nvSegundoNombreEmpleado"
						value="#{empleadoBean.empleadoDTO.nvSegundoNombreEmpleado}"
						size="5"></p:inputText>

					<h:outputLabel for="nvPrimerApellidoEmpleado" value="P. Apellido"></h:outputLabel>
					<p:inputText id="nvPrimerApellidoEmpleado"
						value="#{empleadoBean.empleadoDTO.nvPrimerApellidoEmpleado}"
						size="5"></p:inputText>

					<h:outputLabel for="nvSegundoApellidoEmpleado" value="S. Apellido"></h:outputLabel>
					<p:inputText id="nvSegundoApellidoEmpleado"
						value="#{empleadoBean.empleadoDTO.nvSegundoApellidoEmpleado}"
						size="5"></p:inputText>

					<h:outputLabel for="nvTelefonoEmpleado" value="Telefono"></h:outputLabel>
					<p:inputText id="nvTelefonoEmpleado"
						value="#{empleadoBean.empleadoDTO.nvTelefonoEmpleado}" size="5"></p:inputText>

					<h:outputLabel for="nvCelularEmpleado" value="Celular"></h:outputLabel>
					<p:inputText id="nvCelularEmpleado"
						value="#{empleadoBean.empleadoDTO.nvCelularEmpleado}" size="5"></p:inputText>

					<h:outputLabel for="nvCorreoEmpleado" value="Correo"></h:outputLabel>
					<p:inputText id="nvCorreoEmpleado"
						value="#{empleadoBean.empleadoDTO.nvCorreoEmpleado}" size="5"></p:inputText>



					<f:facet name="footer">
						<p:commandButton type="submit" value="Actualizar" style="margin:0"
							actionListener="#{empleadoBean.actualizar}"
							update=":formularioDetalleEmpleado,:formularioTablaEmpleado:tablaEmpleado"
							styleClass="styleOrange"></p:commandButton>
					</f:facet>
				</p:panelGrid>
			</h:form>
		</div>
	</ui:define>
</ui:composition>
</html>